

<div class="creditcard_wrapper">

    <div class="creditcard_header">
        <div class="creditcard_header_left">Delivery information</div>
        <div class="creditcard_header_right">Card information</div>
    </div>

    <div class="creditcard_main">
        <?=$form->renderBound('begin')?>
        <div class="creditcard_main_left">
            <?=$form->render('customer')?>
        </div>

        <div class="creditcard_main_right">
            <?=$form->render('creditcard')?>
        </div>

        <div class="clear"></div>

        <div class="creditcard_underform">
            <div class="creditcard_underform_left">
                <a class="back_to_shop" href="/commerce/checkout/">&larr; Back to order review</a>
            </div>
            <div class="creditcard_underform_right">
                <?=$form->render('submit')?>
            </div>

        </div>

        <?=$form->renderBound('end')?>
    </div>

    <div class="creditcard_footer"></div>

</div>

<script type="text/javascript">
//    jQuery(document).ready(function(){
//        var params = {
//            changedEl: "select",
//            visRows: 6,
//            scrollArrows: false
//        }
//        cuSel(params);
//    });

</script>
